<script type="text/javascript" src="/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="/js/jquery.em.js"></script>
<script type="text/javascript" src="/js/jScrollPane.js"></script>

<div id="load" style="padding:3px;position:fixed;left:45%;bottom:50%;"><center><img src="/img/progress7.gif" border="0" /></center></div>

<script>
$('#load').animate({opacity:1},500);
setTimeout(function () { 
$('#body').hide();
$('#body').fadeIn(2000);
}, 200);
</script>

<div class="wapka">
<center><img class="logo" src="/img/clubs-music_new_logo.png" border="0" /></center>
<div id="polosa"></div>
<div class="hmenu">
<a href="/"></a>
<a href="/"></a>
<a href="/index/0-3">  </a>
<a href="/"> </a>
<a href="/"> </a>
</div>
</div>

<div class="wrapcontent">

<!-- <middle> -->

<div class="search_bg" style="margin-bottom:15px;">
<center>
<form action="/search/"><input type="text" name="q" maxlength="30" size="20" class="search_music" value="  ..." onfocus="if(this.value=='  ...')this.value=''" onblur="if(this.value=='')this.value='  ...'" />
<input type="submit" class="sm_go" name="sfSbm" value="GO!" /></form>
</center>
</div>

<?if($USER_LOGGED_IN$)?>
<table width="100%" class="infobg" border="0" cellspacing="0"><tbody><tr>
<td class="info_title" style="font:11px Tahoma;padding:0px 10px;">
<div style="text-shadow:1px 1px 0px #2d2d2d;font:11px Tahoma;">
<a class="PersonalLink" href="$LOGOUT_LINK$" style="float:right;"><b></b></a>
<a class="PersonalLink">, <b>$USERNAME$</b>!</a>
<a class="PersonalLink" href="$PERSONAL_PAGE_LINK$" target="_blank"> </a> 
<a class="PersonalLink" href="$PM_URL$">  </a> 
<a class="PersonalLink" href="/index/11"></a> 
</div>
</td>
</tr></tbody></table>
<?else?>
<table width="100%" class="infobg" border="0" cellspacing="0"><tr>
<td class="info_title" style="font:11px Tahoma;padding:0px 10px;">
$LOGIN_FORM$
</td>
</tr></table>
<?endif?>

<div id="AddButton" class="AddButton"> 
<img id="AddButtonImg" alt="" src="/img/FooterHide.png">
</div>